// Sign
@import "../../mixins/clearfix";

.sign {
  @include clearfix();

  &.stepanel {
    padding: 48px 108px 48px 52px;
  }

  &.large-padding {
    padding-top: 116px;
    padding-bottom: 226px;
  }

  .stepanel__arrow {
    left: 843px;
  }

  &__contract {
    float: left;
    width: 504px;
    height: 538px;
    margin-right: 110px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid;
  }

  &__validation {
    position: relative;
    padding-top: 96px;
    margin-left: 614px;

    .validation__head {
      position: absolute;
      top: 0;
      left: 50%;
      margin: 0;
      padding: 0;
      font-size: 48px;
      color: #2B4157;
      transform: translate(-50%, 0);
      line-height: 1;

      .head__desc {
        display: block;
        font-size: 14px;
        color: #9B9B9B;
        text-align: center;
      }
    }

    .form-group {
      margin-bottom: 16px;
    }

    .input-suite {
      &__forget {
        font-size: 14px;
        text-decoration: underline;
      }

      &__btn {
        padding-left: 20px;
      }

      &__code {
        width: 94px;
      }

      &__refresh {
        padding-left: 17px;
      }
    }

    .sign__btn {
      margin-top: 40px;

      .btn {
        padding: 11px 52px;
        font-size: 18px;
      }
    }
  }
}